// 样式常量
// @import './mixin.less';

:root {
  // 750 内容宽度
  --web-default-centent-weight: 75rem;
  // 默认字号
  --font-default-size: 14px;

  // 系统色
  --system-color-brand: #09AF8F;
  // 渐变色
  // 灰色
  --system-color-ash: #666;
  // 白色
  --system-color-white: #fff;
  // 黑色
  --system-color-black: #000;
  // 警告
  --font-color-error-message: #DE3F2B;

  // 驳回
  --font-color-reject: #DE3F2B;
  // 通过
  --font-color-pass: #1BB799;
  // 审核中
  --font-color-process: #1F81EC;

  // 文字色 -超链接文字、特殊文字
  --font-color-link: #1BB799;

  // 鼠标悬停
  --button-hover-background: #09AF8F;
  // 按钮颜色
  --button-background-color: #1BB799;
  // 按钮文字颜色
  --button-font-color: #fff;

  // 超链接
  --a-link-color: #1BB799;
  --a-link-hover-color: #09AF8F;


  // 背景色 - 主背景色
  --background-mian-color: #f5f7f9;
  --background-content-color: #F5F7FA;
  // 卡片模块色
  --background-card-color: #fff;
  // 顶部导航栏
  --background-navigation-color: #38b7aa;


  // 主标题
  --font-color-title: #000;
  --font-size-title: 20px;
  --font-weight-title: 500;

  // 副标题
  --font-color-subtitle: #333;
  --font-size-subtitle: 18px;
  --font-weight-subtitle: 500;

  // 说明叙述
  --font-color-describe: #666;
  --font-size-describe: 14px;
  --font-weight-describe: 400;

  // 边框
  --border-solid-color: #D8D8D8;
  --border-solid-size: 1px;
  --border-dashed-color: #d2d2d2;
  --border-dashed-size: 1px;

  // 输入框带按钮颜色
  --input-default-button-color: #d9d9d9;
  --input-dropdown-hover-color: #eef9f8;

  // 下拉边框颜色
  --input-dropdown-border-color: #d9d9d9;

  // 边框颜色
  --input-border-color: #d9d9d9;
  // 提示文字颜色
  --input-font-color: #bfbfbf;
  // 输入文字颜色
  --input-in-font-color: #333;
  // 边框圆角
  --input-border-radius: 6px;

  // 输入错误边框颜色
  --input-in-error-border-color: #DE3F2B;
  // 输入错误文字颜色
  --input-in-error-font-color: #DE3F2B;


  // 表格边框线
  --table-border-color: #D8D8D8;

  // 标签tab
  --tab-font-color: #3e3e3e;
  --tab-font-size: 16px;
  --tab-font-select-color: #1BB799;


  // 卡片
  --card-background-color: #fff;
  --card-border-radius: 6px;
  --card-box-shadow: '0px 2px 9px 0px rgba(10,91,53,0.36)';
  --card-hover-box-shadow: '0px 2px 9px 0px rgba(10,91,53,0.45)';

  // 导航
  --footer-nav-background-color: #fdfdfe;
  --footer-nav-font-color: #666;
  --footer-nav-select-font-color: #1BB799;
}

// 清除输入框背景
input {
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;

  &:-webkit-autofill,
  textarea:-webkit-autofill,
  select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s; //背景色透明 生效时长 过渡效果 启用时延迟的时间
  }
}
